<%-- 
    Document   : home
    Created on : Dec 18, 2013, 7:47:39 PM
    Author     : lenovo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>E-Stonion</title>
        
        <style type="text/css">
            body {
                background-color:black;
                background-image:url(images/4.jpg); 
            }
        </style>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="<%request.getContextPath();%>/E-Stonion/css/metro-bootstrap.css" rel="stylesheet"> 
        <link href="<%request.getContextPath();%>/E-Stonion/css/metro-bootstrap-responsive.css" rel="stylesheet">
        <link href="<%request.getContextPath();%>/E-Stonion/js/prettify/prettify.css" rel="stylesheet">

        <script src="<%request.getContextPath();%>/E-Stonion/js/jquery/jquery.min.js"></script>
        <script src="<%request.getContextPath();%>/E-Stonion/js/jquery/jquery.widget.min.js"></script>
        <script src="<%request.getContextPath();%>/E-Stonion/js/jquery/jquery.mousewheel.js"></script>
        <script src="<%request.getContextPath();%>/E-Stonion/js/prettify/prettify.js"></script>
        <!-- Metro UI CSS JavaScript plugins -->
        <script src="<%request.getContextPath();%>/E-Stonion/js/load-metro.js"></script>

        <!-- Local JavaScript -->
        <script src="<%request.getContextPath();%>/E-Stonion/js/docs.js"></script>
        <script src="<%request.getContextPath();%>/E-Stonion/js/github.info.js"></script>

        <script src="<%request.getContextPath();%>/E-Stonion/js/metro/metro-*.js"></script>
        <title>E-Stonion Home</title>

    </head>
    <body class="metro">
        <nav class="navigation-bar">
            <nav class="navigation-bar-content">
                <a class="element" href="/E-Stonion/home.jsp">
                    <span class="icon-grid-view"></span>
                    E-Stonion </a>
                <span class="element-divider"></span>
                <a class="element" href="home.jsp">Home</a>
                <a class="element" href="produk.jsp">Produk</a>
                <a class="element" href="koperasi.jsp">Koperasi</a>
                <a class="element" href="aboutus.jsp">About Us</a>
                <span class="element-divider"></span>
                <div class="element input-element place-right">
                    <form method="post" action="<%request.getContextPath();%>/E-Stonion/SearchServlet">
                        <div class="input-control text">
                            <input type="text" name="inputsearch" value="" placeholder="Search...">
                            <button class="btn-search" name="action" value="SearchAll"></button>
                        </div>
                    </form>
                </div>
                <span class="element-divider place-right"></span>
            </nav>
        </nav>
    <center>
        <div class="container">
            <div class="grid">
                <div class="row">
                </div>
                <div class="row">
                    <div class="carousel" id="carousel1">
                        <div class="slide">
                            <img src="images/1.jpg" class="cover1" />
                        </div>

                        <div class="slide">
                            <img src="images/2.jpg" class="cover1" />
                        </div>

                        <div class="slide">
                            <img src="images/3.JPG" class="cover1"/>
                        </div>
                        <div class="slide">
                            <img src="images/6.jpg" class="cover1"/>
                        </div>
                        <div class="slide">
                            <img src="images/7.jpg" class="cover1"/>
                        </div>
                        <div class="slide">
                            <img src="images/8.jpg" class="cover1"/>
                        </div>
                        <div class="slide">
                            <img src="images/9.jpg" class="cover1"/>
                        </div>
                        <div class="slide">
                            <img src="images/10.jpg" class="cover1"/>
                        </div>
                        <div class="slide">
                            <img src="images/11.jpg" class="cover1"/>
                        </div>
                        <div class="slide">
                            <img src="images/12.jpg" class="cover1"/>
                        </div>
                        <div class="slide">
                            <img src="images/13.jpg" class="cover1"/>
                        </div>

                        <a class="controls left"><i class="icon-arrow-left-3"></i></a>
                        <a class="controls right"><i class="icon-arrow-right-3"></i></a>
                    </div>
                    <script>
                        $(function() {
                            $("#carousel1").carousel({
                                height: 500,
                                width: 800,
                                effect: "slowdown"
                            });
                        })
                    </script>
                </div>
            </div>
        </div>


    </center>
    <center>
        <div>
            <h class="subheader"><strong>E-STONION</strong></h>
        </div>
        <div>
            <h class="item-title"><strong>Etalase Produk Gabungan Koperasi Batik Indonesia (Online)</strong></h>
        </div>
        &copy  <h class="item-title"><strong>Tatik Nursidah (5211100005), Nadia Silviana (5211100034), Ryan Arnoldi NR. (5211100107)</strong></h>
    </center>

    <script>
        $(function() {
            $("#carousel1").carousel({
                height: 500,
                width: 800,
                effect: "slowdown"
            });
        })
    </script>
</div>
</div>
</div>

</body>
</html>
